<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单地图</title>
<!--    <link rel="stylesheet" href='https://lbs.sgmap.cn/api/epgis-1.5.0.css'/>-->
<!--    <script type="text/javascript" src='https://lbs.sgmap.cn/api/epgis-js-1.5.0.min.js'></script>-->
    <link rel="stylesheet" href='http://172.16.85.201/api/epgis-1.5.0.css'/>
    <script type="text/javascript" src='http://172.16.85.201/api/epgis-js-1.5.0.min.js'></script>

    <style>
        html, body, .mapClass{width:100%;height:100%;margin:0;}
    </style>
</head>
<body>
<!--<script src='https://lbs.sgmap.cn/products/docs/assets/js/threejs/three.js'></script>-->
<!--<script src="https://lbs.sgmap.cn/products/docs/assets/js/threejs/GLTFLoader.js"></script>-->
<!--<script src="https://lbs.sgmap.cn/products/docs/assets/js/threejs/OBJLoader.js"></script>-->
<script src='http://10.134.216.95:8233/gis/js/three.js'></script>
<script src="http://10.134.216.95:8233/gis/js/GLTFLoader.js"></script>
<script src="http://10.134.216.95:8233/gis/js/OBJLoader.js"></script>
<div id="map" class="mapClass"></div>
<script>

    var map;

    epgis.tokenTask.login('7b65df143ad533e8bb7faf9f4896c7af',"a8553e352b0c3a67993b5447dbd96914").then(function(){
        initMap();
    });

    var bdzlist=[];
    var gtmxlist=[];
    var xlList=[];
    var zjgc500List=[];
    var zjgc220110List=[];

    /**
     *  监听前端VUE页面的请求
     * */
    window.addEventListener('message', function (ev) {
        console.log(ev.data)
        var obj = ev.data;

        //获取500kv以上打点坐标
        if(obj.type === 'show500dydjys'){
            bdzlist = obj.data.bdzlist;
            zbdw500ys(this.bdzlist);
        }
        //杆塔打点
        if(obj.type === 'showgtmx'){
            gtmxlist = obj.data.gtmxlist;
            showgtmx(this.gtmxlist);
        }

        //获取GIS画线信息
        if(obj.type === 'showhxxl'){
            xlList = obj.data.xlList;
            showhxxl(xlList);
        }

        //获取在建工程打点坐标
        if(obj.type === 'showZbdw'){
            var zjgcList = obj.data.zjgcList;
            zjgc500List = zjgcList[0];
            zjgc220110List = zjgcList[1];
            zbdw(zjgc500List,zjgc220110List);
        }

        //判断方法 展示三维模型
        if(obj.type === 'showSwmx'){
            var bdzmc = obj.data.bdzmc;
            var type = obj.data.type;
            var zb = obj.data.zb;
            //执行方法
            showSwmx(bdzmc,zb,type)
        }

        //隐藏三维模型
        if(obj.type === 'hiddenSwmx'){
            //执行方法
            hiddenSwmx()
        }

    }, false);

    /**
     *  地图加载初始化方法
     * */
    function initMap(){

        //创建地图，指定底图样式类型
        map = new epgis.Map({
            container: 'map',
            style:"aegis://styles/aegis/StreetsDark",
            zoom:2,
            // center:[118.85686615347169,30.006638019203535],
            //地图倾斜
            pitch: 60,
            localIdeographFontFamily:'Microsoft YoHei'
        });


        // 启用地图范围限定
        // lockMapBounds();

        // 地图加载完成
        loadMap();
        // zbdw();

        // showSwmx('团结变',[120.315192,33.005324],'all');

        window.parent.postMessage({
            data: "get500kVyszb"
        }, '*');

        window.parent.postMessage({
            data: "getGtzb"
        }, '*');

        window.parent.postMessage({
            data: "getXlzb"
        }, '*');

        window.parent.postMessage({
            data: "getZjgczb"
        }, '*');
    }

    //限制地图显示范围
    function lockMapBounds() {
        map.setMaxBounds([
            [114.93693610580391,30.685501977234807],
            [123.55187228837929,34.59434508735954]

        ]);
    }

    //地图加载完成
    function loadMap() {
        map.on("load", function (e) {

            //行政区划边界线
            map.addLayer({
                id: "power-line",
                type: "line",
                source: {
                    type: "geojson",
                    data: {
                        type: "FeatureCollection",
                        features: [],
                    },
                },
                paint: {
                    "line-color": "#196f84",
                    "line-width": 6,
                },
            });

            //面标注
            map.addLayer({
                id: "power-polygen-symbol",
                type: "symbol",
                source: {
                    type: "geojson",
                    data: {
                        type: "FeatureCollection",
                        features: [],
                    },
                },
                layout: {
                    "text-font": ["Microsoft YaHei Regular"],
                    "text-field": "{name}",
                    "text-size": 32,
                },
                paint: {
                    "text-color": "#d6d83c",
                },
            });

            var districtTask = new epgis.DistrictTask();
            // 行政区划名称查询行政区划
            districtTask
                .searchDistrict({
                    keyword: "江苏省",
                    // 建议直辖市取2，其他省份取1，提升请求速度
                    subdistrict: 1,
                    extension: true,
                    isEncode: false,
                })
                .then(function (result) {

                    // 限制最大显示范围，也可以初始化地图的时候用maxZoom设置一个最大展示层级
                    lockMapBounds();

                    var features = [];
                    featuresSymbol = [],

                        // 主要区分直辖市和其他省份
                        district =
                            result.districts[0].sub_districts.length == 1
                                ? result.districts[0].sub_districts[0]
                                : result.districts[0];

                    for (var o in district.sub_districts) {
                        let shape = district.sub_districts[o].shape;
                        let shapeMultiPolygon = [];
                        // 标注
                        featuresSymbol.push({
                            type: "Feature",
                            geometry: {
                                coordinates: district.sub_districts[o].center,
                                type: "Point",
                            },
                            properties: {
                                name: district.sub_districts[o].name,
                            },
                        });
                        // 边界
                        if (shape.type == "MultiPolygon") {
                            for (var o in shape.coordinates) {
                                features = features.concat(shape.coordinates[o]);
                            }
                        } else {
                            features.push(shape.coordinates[0]);
                        }
                    }

                    // 行政区划边界
                    map.getSource("power-line").setData({
                        type: "FeatureCollection",
                        features: [
                            {
                                type: "Feature",
                                geometry: {
                                    type: "MultiLineString",
                                    coordinates: features,
                                },
                            },
                        ],
                    });

                    //面标注数据
                    map.getSource("power-polygen-symbol").setData({
                        type: "FeatureCollection",
                        features: featuresSymbol,
                    });

                });

        });
    }


    /**
     * 坐标打点定位
     */
    function zbdw(zjgc500List,zjgc220110List){

        // 加载500kV电压等级坐标
        map.on("load", function (e) {
            //变电站 500kV
            map.loadImage("./icon/gis/组4499.png", function (error, image) {
                //添加图片到map，可以设置图片id
                map.addImage("dydj500", image);
            });


            //打点图层-电压等级500kV
            map.addLayer({
                'id': "layer_dydj_500",
                "type": "symbol",
                "source": {
                    "type": "geojson",
                    "data": {
                        'type': "FeatureCollection",
                        "features": []
                    }
                },
                "layout": {
                    // "icon-image": "poi0",
                    "icon-image": ["get","iconimg"],
                    "icon-size": 1,
                    // "icon-anchor":"bottom",
                    //"icon-offset":[0,0],
                    "icon-ignore-placement": true,
                    "text-ignore-placement": false,
                    'text-field': '{name}',
                    'text-size': 32,
                    'text-anchor': 'top',
                    'text-allow-overlap': false,
                    'icon-anchor': "bottom",
                    'text-offset': [0, 0],
                    'text-max-width': 8,
                    "text-font": ['Microsoft YaHei Regular']
                },
                'paint': {
                    'text-color': "#FFFFFF",
                    'text-halo-color': "#555252",
                    'text-halo-width': 1.33333
                }
            });

            map.getSource("layer_dydj_500").setData({
                'type': "FeatureCollection",
                'features': zjgc500List,
                //     [{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [120.315192,33.005324]
                //     },
                //     'properties': {
                //         'name': "双草500千伏变电站第三台主变扩建工程",
                //         'bm':"1310K015000K01",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"扩建",
                //         'limr':"D:/竣工图/双草500千伏变电站第三台主变扩建工程",
                //     }
                // },{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [120.273359,31.175506]
                //     },
                //     'properties': {
                //         'name': "木渎500千伏变电站扩建工程",
                //         'bm':"1310K017000P01",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"新建",
                //         'limr':"D:/竣工图/木渎500千伏变电站扩建工程",
                //     }
                // },{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [121.033720803,31.203671587]
                //     },
                //     'properties': {
                //         'name': "昆南500kV变电站第二台主变扩建工程",
                //         'bm':"1310K017000S01",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"扩建",
                //         'limr':"D:/竣工图/昆南500kV变电站第二台主变扩建工程",
                //     }
                // },{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [120.831770,32.131430]
                //     },
                //     'properties': {
                //         'name': "三官殿500千伏变电站增容工程",
                //         'bm':"1310K017000X01",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"改造",
                //         'limr':"D:/竣工图/三官殿500千伏变电站增容工程",
                //     }
                // },{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [120.0081209,31.53787744]
                //     },
                //     'properties': {
                //         'name': "中吴500千伏变电站新建工程",
                //         'bm':"1310K017001105",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"新建",
                //         'limr':"D:/竣工图/中吴500千伏变电站新建工程",
                //     }
                // },{
                //     'type': 'Feature',
                //     'geometry': {
                //         'type': 'Point',
                //         'coordinates': [120.254778,31.342352]
                //     },
                //     'properties': {
                //         'name': "梅里500千伏变电站装设串联电抗器工程",
                //         'bm':"1310ZX19000201",
                //         'dydj':"交流500kV",
                //         'iconimg': 'dydj500',
                //         'jsxz':"改造",
                //         'limr':"D:/竣工图/梅里500千伏变电站装设串联电抗器工程",
                //     }
                // }]
            });

            // 绑定事件 ，例如：点击线路事件
            map.on('click', "layer_dydj_500", function (e) {
                window.parent.postMessage({
                    data: {type: "gisHomeLineClick", data: e.features[0].properties}
                }, '*');
            })

        });

        // 加载110、220kV电压等级坐标
        map.on("load", function (e) {
            //变电站 110kV
            map.loadImage("./icon/gis/组4510.png", function (error, image) {
                //添加图片到map，可以设置图片id
                map.addImage("dydj110", image);
            });
            //变电站 220kV
            map.loadImage("./icon/gis/组4505.png", function (error, image) {
                //添加图片到map，可以设置图片id
                map.addImage("dydj220", image);
            });

            //打点图层-电压等级220kV
            map.addLayer({
                'id': "layer_dydj_220",
                "type": "symbol",
                "source": {
                    "type": "geojson",
                    "data": {
                        'type': "FeatureCollection",
                        "features": []
                    }
                },
                "layout": {
                    // "icon-image": "poi0",
                    "icon-image": ["get","iconimg"],
                    "icon-size": 1,
                    // "icon-anchor":"bottom",
                    //"icon-offset":[0,0],
                    "icon-ignore-placement": true,
                    "text-ignore-placement": false,
                    'text-field': '{name}',
                    'text-size': 32,
                    'text-anchor': 'top',
                    'text-allow-overlap': false,
                    'icon-anchor': "bottom",
                    'text-offset': [0, 0],
                    'text-max-width': 8,
                    "text-font": ['Microsoft YaHei Regular']
                },
                'paint': {
                    'text-color': "#FFFFFF",
                    'text-halo-color': "#555252",
                    'text-halo-width': 1.33333
                }
            });


            map.getSource("layer_dydj_220").setData({
                'type': "FeatureCollection",
                'features': zjgc220110List,
                    // [{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.28220093,32.08233161]
            //         },
            //         'properties': {
            //             'name': "江苏泰州团结220kV变电站110kV送出工程",
            //             'bm':"1310K015000K01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/江苏泰州团结220kV变电站110kV送出工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [121.068843,31.861905]
            //         },
            //         'properties': {
            //             'name': "新丰220千伏变电站升压扩建工程",
            //             'bm':"1310K015000T03",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/新丰220千伏变电站升压扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.577062,31.981741 ]
            //         },
            //         'properties': {
            //             'name': "桥林220千伏变电站新建工程",
            //             'bm':"1510101503CB01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/桥林220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.881383,32.019793]
            //         },
            //         'properties': {
            //             'name': "南京光华220kV变电站第2台主变扩建工程",
            //             'bm':"1510101503CG01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/南京光华220kV变电站第2台主变扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.043533,31.325203]
            //         },
            //         'properties': {
            //             'name': "南京淳东220kV变电站第2台主变扩建工程",
            //             'bm':"1510101700MP01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/南京淳东220kV变电站第2台主变扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.73676101844,31.6138838456559]
            //         },
            //         'properties': {
            //             'name': "海星220千伏变电站新建工程",
            //             'bm':"1510201503YZ01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/海星220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.373508,31.914010]
            //         },
            //         'properties': {
            //             'name': "绮北220千伏变电站新建工程",
            //             'bm':"1510301700HY01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/绮北220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.413533,31.528410]
            //         },
            //         'properties': {
            //             'name': "文台220千伏开关站新建工程",
            //             'bm':"15103018009G11",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/文台220千伏开关站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.295477,31.538595]
            //         },
            //         'properties': {
            //             'name': "永和220千伏变电站新建工程",
            //             'bm':"15104015031G02",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/永和220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.534280218899,32.1173418866829]
            //         },
            //         'properties': {
            //             'name': "镇江辛度220kV开关站新建工程",
            //             'bm':"1510501502XG07",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/镇江辛度220kV开关站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.558910,32.434160]
            //         },
            //         'properties': {
            //             'name': "南通惠民220千伏变电站第2台主变扩建工程",
            //             'bm':"15108015052901",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/南通惠民220千伏变电站第2台主变扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [117.944886131,34.02323303]
            //         },
            //         'properties': {
            //             'name': "徐州童画220千伏变电站工程",
            //             'bm':"1510901507LM04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/徐州童画220千伏变电站工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.220745,34.278710]
            //         },
            //         'properties': {
            //             'name': "曙东220kV变电站第2台主变扩建工程",
            //             'bm':"1510A01506FV01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/曙东220kV变电站第2台主变扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.100879,33.593294]
            //         },
            //         'properties': {
            //             'name': "淮安清河变电站第二台220千伏主变增容扩建工程",
            //             'bm':"1510B01503RF01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/淮安清河变电站第二台220千伏主变增容扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.738105,33.741152]
            //         },
            //         'properties': {
            //             'name': "卢廷（相文）220千伏变电站新建工程",
            //             'bm':"1510C015054X04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/卢廷（相文）220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.215734,33.524556]
            //         },
            //         'properties': {
            //             'name': "杨庄220千伏变电站保护改造工程",
            //             'bm':"1510C018000B04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"改造",
            //             'limr':"D:/竣工图/杨庄220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.283977,33.461789]
            //         },
            //         'properties': {
            //             'name': "戚庄220千伏变电站改造工程",
            //             'bm':"1510C018000B03",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"改造",
            //             'limr':"D:/竣工图/戚庄220千伏变电站改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.657363,34.290789]
            //         },
            //         'properties': {
            //             'name': "田楼220千伏变电站新建工程",
            //             'bm':"1510D01505B605",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/田楼220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.437208,30.965525]
            //         },
            //         'properties': {
            //             'name': "七都220千伏变电站新建工程",
            //             'bm':"1510EB13502206",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/七都220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.651605,31.778854]
            //         },
            //         'properties': {
            //             'name': "薛庄220千伏变电站新建工程",
            //             'bm':"1510EB13502Y06",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/薛庄220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [119.587248,33.002051]
            //         },
            //         'properties': {
            //             'name': "周巷220千伏变电站新建工程",
            //             'bm':"1510601700ML02",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/周巷220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.02187113,34.4083778]
            //         },
            //         'properties': {
            //             'name': "果园220千伏变电站新建工程",
            //             'bm':"1510EB13503D04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/果园220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.790193083951,31.3418124382441]
            //         },
            //         'properties': {
            //             'name': "沙湖220千伏变电站保护改造工程",
            //             'bm':"1510EB1350A304",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"改造",
            //             'limr':"D:/竣工图/沙湖220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.67333339,31.32695165]
            //         },
            //         'properties': {
            //             'name': "星港220千伏变电站保护改造工程",
            //             'bm':"1510EB1350A303",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"改造",
            //             'limr':"D:/竣工图/星港220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.654083333333,31.2692111110128]
            //         },
            //         'properties': {
            //             'name': "宝带220千伏变电站保护改造工程",
            //             'bm':"1510EB1350A302",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"改造",
            //             'limr':"D:/竣工图/宝带220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.6558777,31.31015036]
            //         },
            //         'properties': {
            //             'name': "葑门220千伏变电站扩建工程",
            //             'bm':"1510EB1350A301",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/葑门220千伏变电站扩建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.893611,31.356111]
            //         },
            //         'properties': {
            //             'name': "江苏苏州火炬220kV变电站工程",
            //             'bm':"1510EB1350AF01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/江苏苏州火炬220kV变电站工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.05192818,34.30421292]
            //         },
            //         'properties': {
            //             'name': "红卫220千伏变电站保护改造工程",
            //             'bm':"1510EB1350BY03",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/红卫220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.203388,34.358264]
            //         },
            //         'properties': {
            //             'name': "徐州御窑220千伏变电站工程",
            //             'bm':"1510EB1350BY01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/徐州御窑220千伏变电站工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.25720541,34.30018571]
            //         },
            //         'properties': {
            //             'name': "柳沟220千伏变电站保护改造工程",
            //             'bm':"1510EB1350BY02",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/柳沟220千伏变电站保护改造工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [118.738105,33.741152]
            //         },
            //         'properties': {
            //             'name': "淮安草泽220千伏变电站新建工程",
            //             'bm':"1510C015054X04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/淮安草泽220千伏变电站新建工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [117.944886131,34.02323303]
            //         },
            //         'properties': {
            //             'name': "徐州童画220千伏变电站工程",
            //             'bm':"1510901507LM04",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"新建",
            //             'limr':"D:/竣工图/徐州童画220千伏变电站工程",
            //         }
            //     },{
            //         'type': 'Feature',
            //         'geometry': {
            //             'type': 'Point',
            //             'coordinates': [120.220745,34.278710]
            //         },
            //         'properties': {
            //             'name': "曙东220kV变电站第2台主变扩建工程",
            //             'bm':"1510A01506FV01",
            //             'dydj':"交流220kV",
            //             'iconimg': 'dydj220',
            //             'jsxz':"扩建",
            //             'limr':"D:/竣工图/曙东220kV变电站第2台主变扩建工程",
            //         }
            //     }]
            });


            // 控制图层在地图缩放级别时显示和隐藏
            map.setLayerZoomRange('layer_dydj_220', 12, map.getMaxZoom());

            // 绑定事件 ，例如：点击线路事件
            map.on('click', "layer_dydj_220", function (e) {

                window.parent.postMessage({
                    data: {type: "gisHomeLineClick", data: e.features[0].properties}
                }, '*');
            })


        });
    }


    function zbdw500ys(bdzlist) {
        // 加载500kV电压以上的变电站等级坐标
        map.on("load", function (e) {
            // 变电站 500kV
            map.loadImage("./icon/gis/bdz.png", function (error, image) {
                //添加图片到map，可以设置图片id
                map.addImage("bdz_icon", image);
            });

            //打点图层-电压等级500kV(新建的)
            map.addLayer({
                'id': "layer_dydj2_500",
                "type": "symbol",
                "source": {
                    "type": "geojson",
                    "data": {
                        'type': "FeatureCollection",
                        "features": []
                    }
                },
                "layout": {
                    // "icon-image": "poi0",
                    "icon-image": "bdz_icon",
                    "icon-size": 1,
                    // "icon-anchor":"bottom",
                    //"icon-offset":[0,0],
                    "icon-ignore-placement": true,
                    "text-ignore-placement": false,
                    'text-field': '{name}',
                    'text-size': 32,
                    'text-anchor': 'top',
                    'text-allow-overlap': false,
                    'icon-anchor': "bottom",
                    'text-offset': [0, 0],
                    'text-max-width': 8,
                    "text-font": ['Microsoft YaHei Regular']
                },
                'paint': {
                    'text-color': "#FFFFFF",
                    'text-halo-color': "#555252",
                    'text-halo-width': 1.33333
                }
            });

            map.getSource("layer_dydj2_500").setData({
                'type': "FeatureCollection",
                'features': bdzlist,
            });
            // 控制图层在地图缩放级别时显示和隐藏
            // map.setLayerZoomRange('layer_dydj2_500', 9, map.getMaxZoom());
        });
    }

    function showgtmx(gtmxlist) {
        // 加载500kV电压以上的变电站等级坐标
        map.on("load", function (e) {
            //变电站 500kV
            map.loadImage("./icon/gis/gt.png", function (error, image) {
                //添加图片到map，可以设置图片id
                map.addImage("gt_icon", image);
            });

            //打点图层-电压等级500kV(新建的)
            map.addLayer({
                'id': "layer_dydj_gt",
                "type": "symbol",
                "source": {
                    "type": "geojson",
                    "data": {
                        'type': "FeatureCollection",
                        "features": []
                    }
                },
                "layout": {
                    // "icon-image": "poi0",
                    "icon-image": "gt_icon",
                    "icon-size": 1,
                    // "icon-anchor":"bottom",
                    //"icon-offset":[0,0],
                    "icon-ignore-placement": true,
                    "text-ignore-placement": false,
                    'text-field': '{name}',
                    'text-size': 32,
                    'text-anchor': 'top',
                    'text-allow-overlap': false,
                    'icon-anchor': "bottom",
                    'text-offset': [0, 0],
                    'text-max-width': 8,
                    "text-font": ['Microsoft YaHei Regular']
                },
                'paint': {
                    'text-color': "#FFFFFF",
                    'text-halo-color': "#555252",
                    'text-halo-width': 1.33333
                }
            });

            map.getSource("layer_dydj_gt").setData({
                'type': "FeatureCollection",
                'features': gtmxlist,
            });

            // 控制图层在地图缩放级别时显示和隐藏
            map.setLayerZoomRange('layer_dydj_gt', 13, map.getMaxZoom());

        });
    }

    function showhxxl(xlList) {
        map.on("load", function (e) {
            //画线
            map.addLayer({
                "id": "power-line1",
                'type': 'line',
                'source': {
                    'type': 'geojson',
                    'data': {
                        'type': 'FeatureCollection',
                        'features': []
                    }
                },
                'layout': {
                    'line-cap': 'round',
                    'line-join': 'round'
                },
                'paint': {
                    'line-color': '#0000ff',
                    'line-width': 8,
                    'line-opacity': .8,
                    'line-offset': 5,
                }
            });
            //沿线标注
            map.addLayer({
                "id": "power-line-symbol",
                'type': 'symbol',
                'source': {
                    'type': 'geojson',
                    'data': {
                        'type': 'FeatureCollection',
                        'features': []
                    }
                },
                "layout": {
                    'text-font': ["Microsoft YaHei Regular"],
                    'symbol-placement': 'line',
                    "text-ignore-placement": true,
                    'text-field': '{name}',
                    'text-size': 50,
                    'text-allow-overlap': false,
                    'text-max-width': 8
                },
                'paint': {
                    'text-color': "#e20d0d",
                    'text-halo-color': "#FFFFFF",
                    'text-halo-width': 1.33333
                }
            });
            map.getSource("power-line1").setData({
                'type': 'FeatureCollection',
                'features': xlList,
            });

            map.getSource("power-line-symbol").setData({
                'type': 'FeatureCollection',
                'features': xlList,
            });

        });
    }

    /**
     * 在地图中展示变电站三维模型
     * @param zb GIS坐标
     */
    function showSwmx(bdzmc,zb,type){

        if(map.getLayer("3d-model")!= 'undefined') {
            map.removeLayer("3d-model");
        }

        map.setZoom(17.4); //设置地图层级
        map.setCenter(zb); //设置地图中心点

        var modelOrigin = zb;
        var modelAltitude = 0;
        // var modelRotate = [0.5, -1, -1.5];
        var modelRotate = [1.6, -0.5, 0];
        var modelScale = 5.41843220338983e-8;

        var modelTransform = {
            translateX: epgis.MercatorCoordinate.fromLngLat(modelOrigin, modelAltitude).x,
            translateY: epgis.MercatorCoordinate.fromLngLat(modelOrigin, modelAltitude).y,
            translateZ: epgis.MercatorCoordinate.fromLngLat(modelOrigin, modelAltitude).z,
            rotateX: modelRotate[0],
            rotateY: modelRotate[1],
            rotateZ: modelRotate[2],
            scale: modelScale
        };

        var THREE = window.THREE;

        var customLayer = {
            id: '3d-model',
            type: 'custom',
            renderingMode: '3d',
            onAdd: function(map, gl) {
                this.camera = new THREE.Camera();
                this.scene = new THREE.Scene();

                var loader = new THREE.GLTFLoader();
                // loader.load(url, (function (gltf) {
                //     this.scene.add(gltf.scene);
                // }).bind(this));

                if(bdzmc == '团结变'){
                    var directionalLight = new THREE.DirectionalLight(0xffffff);
                    directionalLight.position.set(50, -70, 80).normalize();
                    this.scene.add(directionalLight);

                    var directionalLight2 = new THREE.DirectionalLight(0xffffff);
                    directionalLight2.position.set(-50, 70, -80).normalize();
                    this.scene.add(directionalLight2);


                    loader.load('./gim/团结变/tj_1.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/tj_2.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/tj_3.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/tj_4.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/tj_5.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/tj_6.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                    loader.load('./gim/团结变/团结变土建模型.gltf', (function (gltf) {
                        this.scene.add(gltf.scene);
                    }).bind(this));
                }else if(bdzmc == '绮北变'){
                    var ambientLight = new THREE.AmbientLight(0xffffff, 0.3);
                    this.scene.add(ambientLight);

                    var directionalLight = new THREE.DirectionalLight(0xffffff, 0.8 * Math.PI);
                    directionalLight.position.set(0, 50, 0).normalize();
                    this.scene.add(directionalLight);


                    if(type == 'all' || type == 'tj'){
                        loader.load('./gim/绮北变/01.road（整体）20190926.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/03.围墙简易.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/04.电缆沟20190927.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/05.三个池子20190926（无钢筋）.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/06.绮北水工模型20191022.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/07.生产综合楼20191023.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/09. 绮北暖通模型20191016.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/10.绮北建筑模型 - 建筑电气 - 电缆层20190928.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/11.绮北建筑模型 - 建筑电气 - 一层20190928.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/12.绮北建筑模型 - 建筑电气 - 二层20190928.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/13.绮北建筑模型 - 建筑电气 - 三层20190928.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                    }
                    if(type == 'all' || type == 'dq'){
                        loader.load('./gim/绮北变/qb_1.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_2.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_3.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_4.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_5.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_6.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_7.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_8.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_9.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_10.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_11.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_12.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_13.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_14.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_15.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_16.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_17.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_18.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_19.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_20.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                        loader.load('./gim/绮北变/qb_21.gltf', (function (gltf) {
                            this.scene.add(gltf.scene);
                        }).bind(this));
                    }

                }
                this.map = map;

                this.renderer = new THREE.WebGLRenderer({
                    canvas: map.getCanvas(),
                    context: gl
                });

                this.renderer.autoClear = false;
            },
            render: function(gl, matrix) {
                var rotationX = new THREE.Matrix4().makeRotationAxis(new THREE.Vector3(1, 0, 0), modelTransform.rotateX);
                var rotationY = new THREE.Matrix4().makeRotationAxis(new THREE.Vector3(0, 1, 0), modelTransform.rotateY);
                var rotationZ = new THREE.Matrix4().makeRotationAxis(new THREE.Vector3(0, 0, 1), modelTransform.rotateZ);

                var m = new THREE.Matrix4().fromArray(matrix);
                var l = new THREE.Matrix4().makeTranslation(modelTransform.translateX, modelTransform.translateY, modelTransform.translateZ)
                    .scale(new THREE.Vector3(modelTransform.scale, -modelTransform.scale, modelTransform.scale))
                    .multiply(rotationX)
                    .multiply(rotationY)
                    .multiply(rotationZ);

                this.camera.projectionMatrix.elements = matrix;
                this.camera.projectionMatrix = m.multiply(l);
                this.renderer.state.reset();
                this.renderer.render(this.scene, this.camera);
                this.map.triggerRepaint();
            }
        };

        // map.on('style.load', function() {
        //     map.addLayer(customLayer,"ProvincialCapital");
        // });
        map.addLayer(customLayer,"ProvincialCapital");
    }

    /**
     * 隐藏三维模型
     */
    function hiddenSwmx(){
        if(map.getLayer("3d-model")!= 'undefined') {
            map.removeLayer("3d-model");
        }
    }


</script>
</body>
</html>
